@keyframes openModal {
    0% {
        /* width: 0;
        height: 0; */
        transform: scaleX(0) scaleY(0);
        bottom: 0;
        left: 0;
    }
    100% {
        /* width:56vw;
        height:60vh; */
        transform: scaleX(1) scaleY(1);
    }
}
.openmodal {
    position:fixed;
    width:56vw;
    height:60vh;
    background:rgba(255,255,255,.8);
    top:20vh;
    left:22vw;
    z-index:99;
    border-radius:12px;
    padding:24px 18px;
    display:flex;
    animation:openModal .5s ease 1 alternate;
    box-shadow:1px 1px 5px rgb(129,129,129)
    /* background-color: aqua; */
}
.chooseChat:hover {
    background-color: rgba(202, 184, 104,.7);
    cursor: pointer;
    position: relative;
}
.buttonSend {
    background-color: rgb(81, 188, 255);
    position: absolute;
    bottom: 5px;
    right: 30px;
    z-index: 999;
    border-radius: 12px;
}
.font-warning {
    color: red;
}
.choose {
    background-color: rgba(202, 184, 104,.7);
}
.messageBox {
    margin: 4px 0;
}
.messBoxRight {
    position: absolute;
    right: 0;
}
.message-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-block;
}
.contentBoxme {
    background-color: rgba(79, 184, 30, 0.5);
    border-radius: 12px;
    padding: 5px 16px;
    margin: 0 10px;
    max-width: 30vw;
}
.contentBoxhe {
    background-color: rgba(39, 190, 236, 0.5);
    border-radius: 12px;
    padding: 5px 16px;
    margin: 0 10px;
    max-width: 30vw;
}
.ID-search .ant-select-selector {
    border-radius: 25px !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
}